﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Administrador/Servicios Escolares/SE_MasterPage.master" AutoEventWireup="true" CodeFile="Adeudos.aspx.cs" Inherits="Administrador_Servicios_Escolares_Adeudos" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<link rel="stylesheet" href="../../css/style.css" />    
    	<asp:Repeater ID="repAlumAdeudo" runat="server" EnableViewState="false" 
        onitemcommand="repAlumAdeudo_ItemCommand">
            <HeaderTemplate>
                <div id="tablewrapper">
		        <div id="tableheader">
        	    <div class="search">
                <select id="columns" onchange="sorter.search('query')"></select>
                <input type="text" id="query" onkeyup="sorter.search('query')" />
                </div>
                </div>
                <table cellpadding="0" cellspacing="0" border="0" id="table" class="tinytable">
                <thead>
                    <tr>
                        <th><h3>matricula</h3></th>
                        <th><h3>nombre</h3></th>
                        <th><h3>grupo</h3></th>
                        <th><h3>E-mail</h3></th>
                        <th><h3>carrera</h3></th>
                    </tr>
                </thead>
                <tbody>
            </HeaderTemplate>
            <ItemTemplate>
                <tr>
                    <td><asp:Label ID="lblMat" runat="server" Text='<%#Eval("matricula") %>'></asp:Label></td>
                    <td><%#Eval("nombre") %></td>
                    <td><%#Eval("grupo") %></td>
                    <td><%#Eval("email") %></td>
                    <td><%#Eval("carrera") %></td>
                    <td><asp:Button ID="btnAdeudo" runat="server" Text='Adeudos' /></td>
                </tr>   
            </ItemTemplate>
        </asp:Repeater>
            
                
            </tbody>
        </table>
       
        <br />
    <br />
    <br />
       
        <asp:Repeater ID="repDetalles" runat="server" EnableViewState="true" 
        onitemcommand="repDetalles_ItemCommand">
         
            <HeaderTemplate>
            <table class="tinytable">
                <thead>
                    <th>#</th>
                    <th>Matricula</th>
                    <th>Descripcion</th>
                    <th>Cantidad</th>
                </thead>
            <tbody>
            </HeaderTemplate>
            <ItemTemplate>
                <tr >
                <td><asp:Label ID="lblIdAdeu" runat="server" Text='<%#Eval("idadeudo") %>'></asp:Label></td>
                <td><asp:Label ID="lblMatDet" runat="server" Text='<%#Eval("alunnos_matricula") %>'></asp:Label></td>
                <td><asp:Label ID="lbldescDet" runat="server" Text='<%#Eval("descripcion") %>'></asp:Label></td>
                <td><asp:Label ID="lblCant" runat="server" Text='<%#Eval("cantidad") %>'></asp:Label></td>
                <td><asp:Button ID="btnEli" runat="server" Text="Eliminar" /></td>
                </tr>
            </ItemTemplate>
            <FooterTemplate>
                    </tbody>
                </table>
            </FooterTemplate>
            
        </asp:Repeater>
        <asp:Label ID="lblMsg" runat="server"></asp:Label>
        
        <div id="tablefooter">
          <div id="tablenav">
            	<div>
                    <img src="../../images/asc.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1)" />
                    <img src="../../images/asc.gif" width="16" height="16" alt="First Page" onclick="sorter.move(1)" />
                    <img src="../../images/asc.gif" width="16" height="16" alt="Last Page" onclick="sorter.move(1,true)" />
                </div>
                <div>
                	<select id="pagedropdown"></select>
				</div>
                <div>
                	<a href="javascript:sorter.showall()">Ver todos</a>
                </div>
            </div>
			<div id="tablelocation">
            	<div>
                    <select onchange="sorter.size(this.value)">
                    <option value="5">5</option>
                        <option value="10" selected="selected">10</option>
                        <option value="20">20</option>
                        <option value="50">50</option>
                        <option value="100">100</option>
                    </select>
                    <span>Registros por página</span>
                </div>
                <div class="page">Página <span id="currentpage"></span> de <span id="totalpages"></span></div>
            </div>
        </div>

    </div>
   
	<script type="text/javascript" src="../../js/script.js"></script>
	<script type="text/javascript">
	    var sorter = new TINY.table.sorter('sorter', 'table', {
	        headclass: 'head',
	        ascclass: 'asc',
	        descclass: 'desc',
	        evenclass: 'evenrow',
	        oddclass: 'oddrow',
	        evenselclass: 'evenselected',
	        oddselclass: 'oddselected',
	        paginate: true,
	        size: 10,
	        colddid: 'columns',
	        currentid: 'currentpage',
	        totalid: 'totalpages',
	        startingrecid: 'startrecord',
	        endingrecid: 'endrecord',
	        totalrecid: 'totalrecords',
	        hoverid: 'selectedrow',
	        pageddid: 'pagedropdown',
	        navid: 'tablenav',
	        sortcolumn: 1,
	        sortdir: 1,
	        sum: [8],
	        avg: [6, 7, 8, 9],
	        columns: [{ index: 7, format: '%', decimals: 1 }, { index: 8, format: '$', decimals: 0}],
	        init: true
	    });
	    function btnAdeudo(mat) {
	        document.getElementById("idMatricula").innerText = mat;
	    }


    </script>
</asp:Content>

